@charset "utf-8";

@media(min-width:800px) {
    * {
        margin: 0;
        padding: 0;
        font-family: microsoft yahei
    }

    html,
    body,
    ul,
    li,
    ol,
    dl,
    dd,
    dt,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    form,
    fieldset,
    legend,
    img {
        margin: 0;
        padding: 0
    }

    fieldset,
    img {
        border: none
    }

    img {
        border: none
    }

    address,
    caption,
    cite,
    code,
    dfn,
    th,
    var {
        font-style: normal;
        font-weight: 400
    }

    ul,
    ol {
        list-style: none
    }

    li {
        list-style: none
    }

    table {
        border-collapse: collapse
    }

    input {
        padding-top: 0;
        padding-bottom: 0;
        font-family: microsoft yahei
    }

    input::-moz-focus-inner {
        border: none;
        padding: 0
    }

    select,
    input {
        vertical-align: middle
    }

    select,
    input,
    textarea {
        font-size: 13px;
        margin: 0
    }

    input[type=text],
    input[type=password],
    textarea {
        outline-style: none;
        -webkit-appearance: none
    }

    textarea {
        resize: none
    }

    body {
        font-family: microsoft yahei;
        background: #fff;
        overflow-x: hidden;
        overflow-y: auto
    }

    .clearfix:after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both
    }

    .clearfix {
        zoom: 1
    }

    .clearit {
        clear: both;
        height: 0;
        font-size: 0;
        overflow: hidden;
        width: 100%
    }

    .max {
        min-width: 1200px
    }

    .box {
        width: 1200px;
        margin: 0 auto
    }

    .box:after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both
    }

    ul:after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both
    }

    .max:after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both
    }

    .left {
        float: left
    }

    .right {
        float: right
    }

    a {
        text-decoration: none
    }

    header {
        display: none
    }

    .header {
        padding-top: 25px;
        padding-bottom: 20px
    }

    .header .logo img {
        display: block
    }

    .header .tel {
        width: 300px;
        margin-top: 15px
    }

    .header .tel img {
        display: block;
        float: left;
        margin-right: 5px
    }

    .header .tel span {
        display: block;
        font-size: 16px;
        color: #9b9b9b;
        margin-top: -5px
    }

    .header .tel strong {
        display: block;
        font-family: times new roman, Times, serif;
        font-size: 22px;
        color: #575F38
    }

    .nav {
        background: #575F38;
        line-height: 65px
    }

    .nav ul li.nLi {
        display: block;
        float: left;
        width: 12.5%;
        text-align: center;
        line-height: 65px;
        position: relative
    }

    .nav ul li.nLi:after {
        content: "|";
        position: absolute;
        left: 0;
        top: 0;
        color: #f1f1f1
    }

    .nav ul li.nLi a {
        display: block;
        color: #fff
    }

    .nav ul li.nLi:last-child:before {
        content: "|";
        position: absolute;
        right: 0;
        top: 0;
        color: #f1f1f1
    }

    .nav ul li.nLi a:hover {
        background: #0560f9
    }

    .nav ul li.nLi .sub {
        width: 100%;
        position: absolute;
        top: 75px;
        left: 0;
        background: rgba(0, 0, 0, .8);
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: all .6s ease 0s
    }

    .nav ul li.nLi .sub a {
        display: block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 15px
    }

    .nav ul li.nLi:hover .sub {
        top: 65px;
        opacity: 1;
        visibility: visible
    }

    .nav ul li.nLi .sub a:hover {
        background: #575F38
    }

    .banner img {
        display: block
    }

    .fullSlide {
        min-width: 1200px;
        position: relative;
        z-index: 9
    }

    .fullSlide .bd {
        margin: 0 auto;
        position: relative;
        z-index: 0;
        overflow: hidden
    }

    .fullSlide .bd ul {
        width: 100% !important
    }

    .fullSlide .bd li {
        width: 100% !important;
        overflow: hidden;
        text-align: center
    }

    .fullSlide .bd li a {
        display: block
    }

    .fullSlide .hd {
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 10px;
        left: 0;
        height: 30px;
        line-height: 30px
    }

    .fullSlide .hd ul {
        display: block;
        width: 16%;
        margin: 0 auto;
        text-align: center
    }

    .fullSlide .hd ul li {
        cursor: pointer;
        display: inline-block;
        *display: inline;
        zoom: 1;
        height: 12px;
        width: 12px;
        margin: 5px;
        background: rgba(255, 255, 255, .7);
        overflow: hidden;
        line-height: 9999px;
        border-radius: 25px;
        transition: all .5s
    }

    .fullSlide .hd ul .on {
        width: 40px
    }

    .index_pro {
        background: #eee;
        padding-top: 50px;
        padding-bottom: 20px
    }

    .index_pro .lmt {
        margin-bottom: 45px
    }

    .index_pro .lmt strong {
        display: block;
        text-align: center;
        font-size: #333;
        font-size: 30px
    }

    .index_pro .lmt p {
        text-align: center;
        font-size: 16px;
        color: #666;
        margin-top: 10px
    }

    .index_pro .title {
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-bottom: 2px solid #575F38;
        margin-bottom: 15px
    }

    .index_pro .title a {
        float: right;
        font-size: 15px;
        color: #666
    }

    .index_pro .title strong {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background: #575F38;
        padding: 0 20px;
        font-size: 18px
    }

    .index_pro .title1 {
        border-bottom: 2px solid #df3536
    }

    .index_pro .title1 strong {
        background: #df3536
    }

    .pro_box {
        margin-bottom: 35px
    }

    .index_pro .pro_list li {
        display: block;
        float: left;
        width: 23.5%;
        margin-right: 1.8%;
        background: #fff;
        padding: 0.4%;
        box-sizing: border-box;
        transition: all .5s
    }

    .index_pro .pro_list li:last-child {
        margin-right: 0
    }

    .index_pro .pro_list li .pic {
        display: block;
        width: 100%;
        position: relative;
        padding-top: 75%;
        overflow: hidden
    }

    .index_pro .pro_list li img {
        display: block;
        position: absolute;
        width: 100%;
        min-height: 100%;
        left: 0;
        top: 0;
        transition: all .5s
    }

    .index_pro .pro_list li a.t {
        display: block;
        text-align: center;
        height: 40px;
        overflow: hidden;
        line-height: 40px;
        font-size: 16px;
        color: #666
    }

    .index_pro .pro_list li .pro_c a {
        display: block;
        float: right;
        width: 52px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        background: #575F38;
        font-size: 15px;
        border-radius: 5px;
        margin-top: 10px
    }

    .index_pro .pro_list li .pro_c p {
        font-size: 14px;
        color: #666;
        line-height: 22px
    }

    .index_pro .pro_list li:hover {
        box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    .index_pro .pro_list li .pic:hover img {
        -webkit-transform: scale(1.12);
        transform: scale(1.12)
    }

    .index_pro .pro_list li a.t:hover {
        color: #575F38
    }

    .index_pro .left {
        width: 49%
    }

    .index_pro .right {
        width: 49%
    }

    .index_pro .left .pro_list li {
        width: 48%;
        padding: 3%;
        margin-right: 4%
    }

    .index_pro .left .pro_list li:last-child {
        margin-right: 0
    }

    .index_pro .right .pro_list li {
        width: 48%;
        padding: 3%;
        margin-right: 4%
    }

    .index_pro .right .pro_list li:last-child {
        margin-right: 0
    }

    .youshi {
        padding-top: 50px;
        padding-bottom: 70px
    }

    .youshi .lmt {
        position: relative;
        margin-bottom: 50px;
        height: 160px
    }

    .youshi .lmt i {
        display: block;
        font-size: 100px;
        font-family: 宋体;
        color: #ededed;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 auto;
        z-index: 2
    }

    .youshi .lmt .t {
        position: absolute;
        left: 244px;
        top: 20px;
        z-index: 5
    }

    .youshi .lmt .t span {
        display: block;
        font-size: 18px;
        color: #333;
        line-height: 24px
    }

    .youshi .lmt .t p {
        font-size: 24px;
        color: #575F38
    }

    .youshi .lmt .t strong {
        display: block;
        font-size: 36px;
        color: #575F38
    }

    .youshi .lmt .t .p {
        width: 650px;
        margin: 0 auto;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        background: #575F38;
        margin-top: 10px;
        position: relative
    }

    .youshi .lmt .t .p:after {
        content: "";
        width: 0;
        height: 0;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid #575F38;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -10px
    }

    .youshi ul li {
        display: block;
        float: left;
        width: 50%;
        background: #f1f1f1;
        margin-bottom: 1px
    }

    .youshi ul li:after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both
    }

    .youshi ul li .left {
        width: 265px;
        position: relative;
        overflow: hidden
    }

    .youshi ul li .left strong {
        display: block;
        font-size: 28px;
        color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 265px;
        height: 189px
    }

    .youshi ul li .left strong span {
        display: block;
        position: absolute;
        right: 15px;
        bottom: 15px;
        z-index: 10
    }

    .youshi ul li .left strong:after {
        content: "";
        width: 200px;
        height: 156px;
        background: rgba(0, 86, 249, .65);
        display: block;
        position: absolute;
        transform: rotate(7deg);
        -ms-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -webkit-transform: rotate(43deg);
        z-index: 5;
        -o-transform: rotate(43deg);
        left: 120px;
        top: 120px
    }

    .youshi ul li .left img {
        display: block;
        width: 100%
    }

    .youshi ul li .right {
        width: calc(100% - 265px)
    }

    .youshi ul li .right strong {
        text-align: center;
        font-size: 24px;
        color: #575F38;
        display: block;
        padding-top: 55px
    }

    .youshi ul li .right p {
        text-align: center;
        font-size: 18px;
        color: #333;
        margin-top: 15px
    }

    .about {
        height: 618px;
    }

    .about .box {
        height: 618px;
        position: relative
    }

    .about .box:after {
        content: "";
        width: 1171px;
        height: 512px;
        background: url(../images/about_box.png) no-repeat center;
        position: absolute;
        left: 60px;
        top: 50px;
        visibility: visible
    }

    .about .box .t {
        display: block;
        font-size: 32px;
        color: rgba(0, 0, 0, .5);
        position: absolute;
        right: 55px;
        top: 30px;
        font-weight: 700
    }

    .about .box .left {
        display: block;
        margin-top: 98px;
        position: relative;
        z-index: 99;
        width: 550px;
        height: 420px
    }

    .about .box .left img {
        width: 100%;
        height: 100%
    }

    .about .box .right {
        position: absolute;
        width: 623px;
        top: 111px;
        right: 0;
        z-index: 99
    }

    .about .box .right strong {
        font-size: 32px;
        color: #000;
        display: block
    }

    .about .box .right .about_tab {
        margin-top: 25px;
        margin-bottom: 30px
    }

    .about .box .right .about_tab a {
        display: inline-block;
        width: 119px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        border: 2px solid rgba(0, 0, 0, .7);
        color: #000;
        font-size: 16px;
        margin-right: 15px;
        border-radius: 7px
    }

    .about .box .right .about_tab a:hover,
    .about .box .right .about_tab a.on {
        background: #fff;
        color: #575F38
    }

    .about .box .right .j {
        font-size: 15px;
        color: #000;
        line-height: 27px
    }

    .about .box .right .j p {
        margin-bottom: 20px;
        text-align: justify
    }

    .about .box .right a.more {
        color: #fff;
        display: block;
        width: 120px;
        height: 35px;
        line-height: 35px;
        border: 2px solid rgba(255, 255, 255, .7);
        text-align: center;
        border-radius: 25px
    }

    .about .box .right a.more:hover {
        background: #fff;
        color: #575F38
    }

    .case {
        padding-top: 30px;
        padding-bottom: 40px;
        background-color: #f3f3f3
    }

    .case .lmt {
        position: relative;
        height: 87px;
        margin-bottom: 25px
    }

    .case .lmt b {
        display: block;
        font-size: 100px;
        font-family: 宋体;
        color: #f4f4f4;
        font-weight: 100;
        position: absolute;
        left: 0;
        top: -20px
    }

    .case .lmt .t {
        display: block;
        font-size: 24px;
        color: #000;
        position: absolute;
        left: 0;
        top: 65px
    }

    .case .lmt .t span {
        display: inline-block;
        font-size: 12px;
        color: #f1f1f1
    }

    .case ul {
        width: 1235px
    }

    .case ul li {
        display: block;
        float: left;
        width: 380px;
        margin-right: 30px;
        margin-bottom: 25px;
        border-bottom: 2px solid #e6e6e6;
        position: relative;
        transition: all .5s
    }

    .case ul li .pic {
        display: block;
        width: 100%;
        position: relative;
        padding-top: 75%;
        overflow: hidden
    }

    .case ul li .pic img {
        display: block;
        position: absolute;
        width: 100%;
        min-height: 100%;
        left: 0;
        top: 0;
        transition: all .5s
    }

    .case ul li a.more {
        display: block;
        position: absolute;
        right: 20px;
        opacity: 0;
        bottom: 0;
        width: 24px;
        height: 52px;
        background: url(../images/jiantou.png) no-repeat center
    }

    .case ul li a.tit {
        display: inline-block;
        font-size: 15px;
        color: #414141;
        height: 52px;
        line-height: 30px;
        padding: 15px 0 15px;
    }

    .case ul li:hover {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    .case ul li:hover a.more {
        opacity: 1;
        right: 0
    }

    .case ul li:hover a.tit {
        color: #575F38
    }

    .case ul li:hover img {
        opacity: .9
    }

    .case .more1 {
        display: block;
        width: 180px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        margin: 0 auto;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 15px;
        color: #4a4a4a;
        margin-top: 10px
    }

    .case .more1:hover {
        color: #fff;
        background: #575F38;
        border: 1px solid #575F38
    }

    .news {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .news .xinwen {
        width: 780px
    }

    .news .wenti {
        width: 385px
    }

    .news .title {
        width: 100%;
        margin-bottom: 20px;
        height: 48px;
        line-height: 48px;
        border-bottom: 1px solid #ececec
    }

    .news .title a {
        float: right;
        font-size: 14px;
        color: #a4a4a4
    }

    .news .title p {
        font-size: 22px;
        color: #000;
        padding-left: 33px;
        height: 47px;
        line-height: 47px;
        border-bottom: 2px solid #008af8;
        display: inline-block;
        padding-right: 3px
    }

    .news .title a:hover {
        color: #008af8
    }

    .news .xinwen .title p {
        background: url(../images/news-ico1.png) no-repeat left center
    }

    .news .wenti .title p {
        background: url(../images/news-ico2.png) no-repeat left center
    }

    .news .xinwen .left {
        width: 270px
    }

    .news .xinwen .left img {
        display: block;
        width: 270px;
        height: 330px
    }

    .news .xinwen .right {
        width: 490px
    }

    .news .xinwen .right .tj {
        border-bottom: 1px dashed #dcdcdc;
        padding-bottom: 8px;
        margin-bottom: 5px
    }

    .news .xinwen .right .tj p span {
        float: right;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        color: #b4b4b4;
        margin-left: 15px
    }

    .news .xinwen .right .tj p {
        height: 37px;
        line-height: 37px;
        overflow: hidden
    }

    .news .xinwen .right .tj p a {
        font-size: 15px;
        color: #333;
        font-weight: 700
    }

    .news .xinwen .right .tj p a:hover {
        color: #008af8
    }

    .news .xinwen .right .tj span {
        display: block;
        font-size: 14px;
        color: #959595;
        line-height: 26px;
        height: 52px;
        overflow: hidden
    }

    .news .xinwen .right ul li {
        height: 38px;
        line-height: 38px;
        background: url(../images/li.png) no-repeat left center;
        overflow: hidden;
        padding-left: 12px
    }

    .news .xinwen .right ul li span {
        float: right;
        font-size: 14px;
        color: #c3c3c3;
        margin-left: 15px
    }

    .news .xinwen .right ul li a {
        font-size: 14px;
        color: #333
    }

    .news .xinwen .right ul li a:hover {
        color: #008af8
    }

    .news .wenti dl {
        margin-bottom: 10px
    }

    .news .wenti dl dt {
        height: 39px;
        line-height: 39px;
        background: #f2f2f2;
        cursor: pointer;
        font-size: 14px;
        color: #373737;
        padding-right: 15px;
        box-sizing: border-box;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .news .wenti dl dt i {
        display: inline-block;
        width: 39px;
        text-align: center;
        font-style: normal;
        color: #fff;
        background: #008af8;
        margin-right: 10px
    }

    .news .wenti dl dd {
        font-size: 14px;
        padding-top: 8px;
        color: #616161;
        margin-top: 10px;
        line-height: 25px;
        height: 75px;
        overflow: hidden;
        position: relative;
        padding-left: 49px
    }

    .news .wenti dl dd a {
        color: #616161
    }

    .news .wenti dl dd i {
        display: block;
        width: 39px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        background: #00c643;
        position: absolute;
        left: 0;
        top: 0;
        font-style: normal
    }

    .news .wenti dl dd a:hover {
        color: #008af8
    }

    .footer {
        background: #252525;
        padding-top: 45px;
        padding-bottom: 20px
    }

    .footer .box {
        background: url(../images/footer_box.png) no-repeat 20px center
    }

    .footer .left {
        width: 657px
    }

    .footer .left dl {
        display: block;
        float: left;
        width: 100px;
        margin-right: 30px
    }

    .footer .left dl dt {
        display: block;
        font-size: 15px;
        color: #fff;
        font-weight: 700;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, .15);
        padding-bottom: 13px;
        margin-bottom: 8px
    }

    .footer .left dl dt a {
        display: block;
        color: #fff
    }

    .footer .left dl dt:after {
        content: "";
        width: 7px;
        height: 1px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .footer .left dl dd {
        display: block;
        font-size: 14px;
        color: #6f6f6f;
        line-height: 30px;
        height: 30px;
        overflow: hidden
    }

    .footer .left dl dd a {
        color: #6f6f6f
    }

    .footer .left dl dd a:hover {
        color: #fff
    }

    .footer .left dl.fo_p {
        width: 360px
    }

    .footer .left dl.fo_p dd {
        display: block;
        float: left;
        width: 50%
    }

    .footer .right {
        width: 542px
    }

    .footer .right .con .t {
        display: block;
        font-size: 15px;
        color: #cbcbcb;
        width: 80px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        background: #3c3c3c;
        font-weight: 700;
        margin-bottom: 20px
    }

    .footer .right .con ul li {
        font-size: 14px;
        color: #8c8c8c;
        line-height: 32px;
        margin-bottom: 12px;
        padding-left: 40px
    }

    .footer .right .con ul li a {
        color: #8c8c8c
    }

    .footer .right .con ul li:nth-of-type(1) {
        background: url(../images/ft.png) no-repeat left top
    }

    .footer .right .con ul li:nth-of-type(2) {
        background: url(../images/ft.png) no-repeat left -43px
    }

    .footer .right .con ul li:nth-of-type(3) {
        background: url(../images/ft.png) no-repeat left -89px
    }

    .footer .right .con ul li:nth-of-type(4) {
        background: url(../images/ft.png) no-repeat left -133px
    }

    .footer .right .con ul li:nth-of-type(5) {
        background: url(../images/ft.png) no-repeat left -177px
    }

    .footer .right dl {
        float: right;
        margin-top: 15px
    }

    .footer .right dl img {
        display: block;
        width: 168px
    }

    .footer .right dl dd {
        text-align: center;
        font-size: 14px;
        color: #6f6f6f;
        margin-top: 10px
    }

    .links {
        margin-top: 20px;
        font-size: 14px;
        color: #8c8c8c;
        padding-bottom: 15px
    }

    .links span {
        color: #333;
        font-size: 18px;
        font-weight: 700
    }

    .links a {
        display: inline-block;
        color: #8c8c8c;
        margin-right: 15px
    }

    .copyright {
        text-align: center;
        height: 60px;
        line-height: 60px;
        background: #1a1a1a;
        font-size: 14px;
        color: #a6a6a6
    }

    .copyright a {
        color: #a6a6a6
    }

    #bottom {
        display: none
    }

    .neiye {
        padding-top: 20px;
        padding-bottom: 30px;
        background: 0 0
    }

    .neiye .neiye-l {
        width: 240px
    }

    .neiye .neiye-l .nydh {
        background: #fff
    }

    .neiye .neiye-l .nydh .title {
        width: 240px;
        height: 72px;
        background: #575F38;
        text-align: center;
        padding-top: 20px
    }

    .neiye .neiye-l .nydh .title p {
        font-size: 24px;
        color: #fff;
        font-weight: 700
    }

    .neiye .neiye-l .nydh .title span {
        display: block;
        font-size: 12px;
        color: rgba(255, 255, 255, .3);
        margin-top: 5px
    }

    .neiye .neiye-l .nydh .ul {
        width: 238px;
        border: 1px solid #e9e9e9;
        border-top: none
    }

    .neiye .neiye-l .nydh .ul li {
        display: block;
        width: 192px;
        height: 58px;
        line-height: 58px;
        border-top: 1px solid #e9e9e9;
        background: url(../images/nydh-li.png) no-repeat 20px center;
        padding-left: 46px;
        font-size: 15px;
        transition: all .5s
    }

    .neiye .neiye-l .nydh .ul li a {
        color: #575757;
        display: block
    }

    .neiye .neiye-l .nydh .ul li:hover,
    .neiye .neiye-l .nydh ul li.on {
        background: url(../images/nydh-li-on.png) no-repeat 20px center
    }

    .neiye .neiye-l .nydh .ul li:hover a,
    .neiye .neiye-l .nydh ul li.on a {
        color: #575F38
    }

    .neiye .neiye-l .nydh .sideMenu {
        width: 238px;
        border: 1px solid #e9e9e9;
        border-top: none
    }

    .neiye .neiye-l .nydh .sideMenu .dh {
        margin: 0 auto;
        background: #fff
    }

    .neiye .neiye-l .nydh .sideMenu .dh p {
        height: 58px;
        line-height: 58px;
        background: url(../images/nydh-li.png) no-repeat 17px center #efefff;
        padding-left: 37px;
        font-size: 16px;
        color: #575757;
        cursor: pointer;
        border-top: 1px solid #e9e9e9
    }

    .neiye .neiye-l .nydh .sideMenu .dh p a {
        color: #575757;
        display: block
    }

    .neiye .neiye-l .nydh .sideMenu .dh p a:hover {
        color: #575F38
    }

    .neiye .neiye-l .nydh .sideMenu .dh ul {
        background: #fff
    }

    .neiye .neiye-l .nydh .sideMenu .dh ul li {
        height: 47px;
        line-height: 47px;
        padding-left: 39px;
        font-size: 14px;
        color: #585858;
        background: url(../images/s_li.png) no-repeat 26px center;
        border-bottom: 1px solid #e9e9e9
    }

    .neiye .neiye-l .nydh .sideMenu .dh ul li:last-child {
        border-bottom: 0
    }

    .neiye .neiye-l .nydh .sideMenu .dh ul li a {
        color: #585858
    }

    .neiye .neiye-l .nydh .sideMenu .dh ul li a:hover {
        color: #0749a3
    }

    .neiye .neiye-l .nydh .sideMenu .dh p.on {
        background: url(../images/nydh-li-on.png) no-repeat 17px center #efefff
    }

    .nylx {
        width: 100%;
        margin-top: 16px;
        background: #fff
    }

    .nylx .title {
        width: 100%;
        height: 50px;
        background: #575F38;
        padding-left: 24px;
        color: #fff;
        font-size: 17px;
        font-weight: 700;
        line-height: 50px;
        box-sizing: border-box;
        position: relative
    }

    .nylx .title:after {
        content: "";
        width: 5px;
        height: 15px;
        background: #fff;
        border-radius: 5px;
        position: absolute;
        left: 12px;
        top: 17px
    }

    .nylx .title span {
        display: inline-block;
        font-size: 12px;
        color: rgba(255, 255, 255, .2);
        margin-left: 5px;
        font-weight: 400
    }

    .nylx .contact {
        width: 100%;
        border: 1px solid #e9e9e9;
        border-top: none;
        padding-top: 15px;
        box-sizing: border-box
    }

    .nylx .contact .tel {
        width: 230px;
        margin: 0 auto;
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 15px
    }

    .nylx .contact .tel img {
        display: block;
        margin: 0 auto;
        margin-bottom: 15px
    }

    .nylx .contact .tel span {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #aeaeae
    }

    .nylx .contact .tel b {
        display: block;
        text-align: center;
        margin-top: 5px;
        font-size: 26px;
        color: #575F38
    }

    .nylx .dizhi {
        width: 225px;
        margin: 0 auto;
        font-size: 14px;
        color: #5d5d5d;
        line-height: 29px;
        padding-left: 5px;
        padding-bottom: 10px
    }

    .neiye .neiye-r {
        width: 930px
    }

    .newsnav {
        width: 100%;
        height: 58px;
        line-height: 58px;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 15px
    }

    .newsnav .more {
        float: right;
        font-size: 15px;
        color: #999
    }

    .newsnav .more a {
        color: #999
    }

    .newsnav a.more:hover {
        color: #0075e3
    }

    .newsnav .more a:hover {
        color: #0075e3
    }

    .newsnav p {
        font-size: 22px;
        color: #000;
        padding-left: 13px;
        border-bottom: 2px solid #0075e3;
        height: 57px;
        line-height: 57px;
        display: inline-block;
        position: relative
    }

    .newsnav p:after {
        content: "";
        width: 5px;
        height: 18px;
        background: #575F38;
        position: absolute;
        left: 0;
        top: 20px
    }

    .newsnav span {
        display: inline-block;
        font-size: 13px;
        color: #c2c2c2;
        margin-left: 5px
    }

    .case_li ul li:after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both
    }

    .case_li ul li {
        background: #fff;
        margin-bottom: 15px;
        padding-right: 30px;
        box-sizing: border-box;
        position: relative;
        -webkit-transition: all .4s ease-in-out 0s;
        transition: all .4s ease-in-out 0s
    }

    .case_li ul li img {
        display: block;
        float: left;
        width: 300px;
        height: 188px;
        margin-right: 22px;
        -webkit-transition: all .4s ease-in-out 0s;
        transition: all .4s ease-in-out 0s
    }

    .case_li ul li a.tit {
        display: block;
        font-size: 17px;
        color: #363636;
        height: 40px;
        line-height: 40px;
        font-weight: 700;
        padding-top: 10px
    }

    .case_li ul li span {
        display: block;
        font-size: 14px;
        color: #8d8d8d
    }

    .case_li ul li p {
        font-size: 14px;
        line-height: 26px;
        color: #8d8d8d;
        margin-top: 10px
    }

    .case_li ul li a.more {
        display: block;
        width: 23px;
        height: 13px;
        background: url(../images/t.png) no-repeat center;
        position: absolute;
        right: 30px;
        bottom: 20px
    }

    .case_li ul li a.tit:hover {
        color: #575F38
    }

    .case_li ul li img:hover {
        opacity: .8
    }

    .case_li ul li:hover {
        -webkit-transform: translate3d(5px, 0px, 0);
        transform: translate3d(5px, 0px, 0);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, .1)
    }

    .case_li ul li a.more:hover {
        -webkit-transform: translate3d(5px, 0px, 0);
        transform: translate3d(5px, 0px, 0)
    }

    .fenye {
        width: 100%;
        margin: 0 auto;
        margin-top: 25px;
        padding-bottom: 30px;
        text-align: center
    }

    .fenye a {
        display: inline-block;
        padding: 0 13px;
        text-align: center;
        line-height: 35px;
        font-size: 14px;
        color: #333;
        margin: 2px 4px;
        border-radius: 5px;
        background: #eee
    }

    .fenye b,
    .fenye a:hover {
        display: inline-block;
        padding: 0 13px;
        text-align: center;
        line-height: 35px;
        font-size: 14px;
        color: #fff;
        margin: 2px 4px;
        background: #575F38;
        border-radius: 5px
    }

    .newslist {
        margin-top: -15px
    }

    .newslist ul li:after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both
    }

    .newslist ul li {
        border-bottom: 1px dashed #d8d8d8;
        -webkit-transition: all .4s ease-in-out 0s;
        transition: all .4s ease-in-out 0s;
        padding: 15px 0
    }

    .newslist ul li img {
        display: block;
        float: left;
        width: 197px;
        height: 124px;
        margin-right: 15px
    }

    .newslist ul li .t {
        height: 40px;
        line-height: 40px;
        overflow: hidden
    }

    .newslist ul li .t a {
        font-size: 16px;
        color: #303030;
        font-weight: 700
    }

    .newslist ul li .t span {
        float: right;
        font-size: 14px;
        color: #b0b0b0
    }

    .newslist ul li p {
        font-size: 14px;
        color: #939393;
        line-height: 22px;
        text-align: justify
    }

    .newslist ul li a.more {
        font-size: 14px;
        color: #575F38;
        display: inline-block;
        margin-top: 10px
    }

    .newslist ul li .t a:hover {
        color: #575F38
    }

    .danye {
        font-size: 15px;
        line-height: 28px;
        color: #434343;
        text-align: justify
    }

    .danye p {
        margin-bottom: 15px
    }

    .danye img {
        max-width: 100%
    }

    .biaoti {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 15px;
        margin-bottom: 25px
    }

    .biaoti h1 {
        font-size: 24px;
        color: #000;
        font-weight: 400
    }

    .biaoti p {
        font-size: 14px;
        color: #ccc;
        margin-top: 15px
    }

    .fn {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        border-top: 1px solid #e8e8e8;
        padding-top: 10px;
        padding-bottom: 30px
    }

    .fn p {
        font-size: 14px;
        line-height: 30px;
        color: #565656
    }

    .fn p a {
        color: #565656
    }

    .fn p a:hover {
        color: #575F38
    }

    .tuijian ul {
        width: 980px;
        margin-top: 10px
    }

    .tuijian ul li {
        display: block;
        float: left;
        width: 435px;
        margin-right: 36px;
        height: 38px;
        line-height: 38px;
        border-bottom: 1px solid #ebebeb;
        padding-left: 12px;
        background: url(../images/li.png) no-repeat left center;
        overflow: hidden
    }

    .tuijian ul li span {
        float: right;
        font-size: 14px;
        color: #b4b4b4;
        margin-left: 15px
    }

    .tuijian ul li a {
        color: #333;
        font-size: 14px
    }

    .tuijian ul li a:hover {
        color: #575F38
    }

    .xunjia {
        padding-bottom: 30px
    }

    .xunjia p {
        width: 455px;
        height: 48px;
        float: left;
        margin-bottom: 10px
    }

    .xunjia p em {
        display: inline-block;
        width: 70px;
        text-align: right;
        font-size: 15px;
        color: #717171;
        height: 40px;
        line-height: 40px;
        font-style: normal
    }

    .xunjia p em i {
        font-style: normal;
        color: red
    }

    .xunjia p input {
        display: inline-block;
        width: 368px;
        padding-left: 5px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #ddd;
        color: #666
    }

    .xunjia p select {
        display: inline-block;
        width: 280px;
        padding-left: 10px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #ddd
    }

    .xunjia .miaoshu {
        width: 932px;
        height: 260px
    }

    .xunjia .miaoshu em {
        float: left
    }

    .xunjia .miaoshu textarea {
        display: inline-block;
        width: 843px;
        padding-left: 5px;
        height: 260px;
        line-height: 24px;
        border: 1px solid #ddd;
        color: #666
    }

    .xunjia .zy {
        font-size: 15px;
        color: #717171;
        height: 40px;
        line-height: 40px;
        display: block;
        padding-left: 30px
    }

    .xunjia .zy i {
        font-style: normal;
        color: red
    }

    .xunjia .submit {
        display: inline-block;
        width: 181px;
        height: 45px;
        border: none;
        background: #575F38;
        color: #fff;
        font-size: 15px;
        border-radius: 5px;
        margin-top: 15px;
        margin-left: 100px;
        cursor: pointer
    }

    .xunjia .reset {
        background: #bcbcbc;
        margin-left: 20px
    }

    .pro-xq .pic {
        float: left;
        width: 483px;
        height: 362px;
        margin-right: 20px
    }

    .pro-xq .pic img {
        width: 483px;
        height: 362px
    }

    .pro-xq .pro-js {
        width: 400px;
        float: left
    }

    .pro-xq .pro-js h1 {
        font-size: 18px;
        color: #000;
        height: 68px;
        line-height: 34px;
        border-bottom: 1px solid #eee;
    }

    .pro-xq .pro-js .pro-xx {
        font-size: 14px;
        color: #5b5b5b;
        line-height: 23px;
        height: 123px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        padding: 20px 0;
        overflow-y: auto
    }

    .pro-xq .pro-js .pro-xx::-webkit-scrollbar {
        width: 5px;
        height: 10px
    }

    .pro-xq .pro-js .pro-xx::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 4px
    }

    .pro-xq .pro-lx {
        padding-top: 15px;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px
    }

    .pro-xq .pro-lx .z {
        display: block;
        clear: both;
        color: #0285ff;
        line-height: 30px
    }

    .pro-xq .pro-lx p {
        width: 260px;
        float: left;
        font-size: 16px;
        color: #0285ff;
        height: 50px
    }

    .pro-xq .pro-lx p i {
        display: block;
        float: left;
        margin-right: 5px;
        width: 40px;
        height: 40px;
        background: url(../images/ico-tel.png) no-repeat center
    }

    .pro-xq .pro-lx p font {
        line-height: 15px;
        display: block;
        margin-bottom: 3px
    }

    .pro-xq .pro-lx:after {
        content: " ";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both
    }

    .pro-xq .pro-lx p span {
        display: block;
        font-size: 24px;
        font-weight: 700;
        color: #0285ff;
        line-height: 24px
    }

    .pro-xq .pro-lx a.zx {
        display: inline-block;
        float: right;
        width: 120px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        color: #fff;
        font-size: 14px;
        background: #0285ff;
        margin-top: 5px
    }

    .pro-xq .pro-lx a.zx:nth-child(2) {
        display: none
    }

    .pro-xq .pro-lx a.zx1 {
        background: #3bb3ff
    }

    .pro-xq .pro-lx a.zx:hover {
        border-radius: 25px
    }

    .neiye .pro_list {
        width: 960px
    }

    .neiye .pro_list li {
        display: block;
        float: left;
        width: 296px;
        margin-right: 20px;
        background: #fff;
        box-sizing: border-box;
        transition: all .5s;
        border: 1px solid #e1e1e1;
        margin-bottom: 15px
    }

    .neiye .pro_list li:last-child {
        margin-right: 0
    }

    .neiye .pro_list li .pic {
        display: block;
        width: 100%;
        position: relative;
        padding-top: 75%;
        overflow: hidden
    }

    .neiye .pro_list li img {
        display: block;
        position: absolute;
        width: 100%;
        min-height: 100%;
        left: 0;
        top: 0;
        transition: all .5s
    }

    .neiye .pro_list li a.t {
        display: block;
        text-align: center;
        height: 46px;
        line-height: 46px;
        font-size: 14px;
        overflow: hidden;
        color: #666
    }

    .neiye .pro_list li:hover {
        box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    .neiye .pro_list li .pic:hover img {
        -webkit-transform: scale(1.12);
        transform: scale(1.12)
    }

    .neiye .pro_list li a.t:hover {
        color: #575F38
    }

    .contit {
        font-size: 18px;
        font-weight: 700;
        position: relative;
        padding-bottom: 15px;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .contit:after {
        content: "";
        width: 30px;
        height: 3px;
        background: #575F38;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .contact_nr {
        font-size: 16px;
        color: #464646;
        line-height: 38px;
        margin-bottom: 15px
    }

    .contact_nr img {
        display: block;
        float: right;
        margin-top: 10px
    }

    #map {
        width: 100%;
        height: 300px
    }

    .about_r {
        height: 350px;
        background: url(../images/about_r.jpg) no-repeat center;
        background-size: cover
    }

    .about_r .box {
        padding-top: 114px
    }

    .about_r .box strong {
        display: block;
        font-size: 50px;
        color: #fff;
        font-weight: 400
    }

    .about_r .box h1 {
        display: block;
        font-size: 35px;
        color: #fff;
        font-weight: 400;
        margin: 15px 0
    }

    .about_r .box p {
        font-size: 16px;
        color: #fff;
        line-height: 36px;
        margin-top: 20px;
        width: 888px
    }

    .zhuanli {
        padding-top: 30px
    }

    .zhuanli .lmt strong {
        display: block;
        text-align: center;
        font-size: 38px;
        font-weight: 400
    }

    .zhuanli .lmt span {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #666;
        margin-top: 10px
    }

    .honorlist ul {
        width: 1220px;
        margin-top: 20px
    }

    .honorlist ul li {
        display: block;
        float: left;
        width: 219px;
        margin-right: 17px;
        margin-bottom: 10px
    }

    .honorlist ul li a {
        display: block;
        width: 219px;
        height: 310px;
        line-height: 310px;
        border: 1px solid #e6e6e6;
        text-align: center
    }

    .honorlist ul li a img {
        display: inline-block;
        vertical-align: middle;
        width: 94%
    }

    .honorlist ul li p {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        margin: 0 auto;
        height: 44px;
        margin-top: 8px
    }

    .honorlist ul li:hover a {
        border: 1px solid #2555e0
    }

    .wenhua {
        padding-top: 30px;
        padding-bottom: 60px
    }

    .wenhua .lmt {
        margin-bottom: 25px
    }

    .wenhua .lmt strong {
        display: block;
        text-align: center;
        font-size: 38px;
        font-weight: 400
    }

    .wenhua .lmt span {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #666;
        margin-top: 10px
    }

    .wenhua .left {
        width: 800px
    }

    .wenhua .left dl {
        width: 800px;
        background: #f8f8f8
    }

    .wenhua .left dl:after {
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both
    }

    .wenhua .left dl dt {
        display: block;
        float: left;
        width: 400px
    }

    .wenhua .left dl dt img {
        display: block
    }

    .wenhua .left dl dd {
        width: 400px;
        padding: 30px;
        box-sizing: border-box;
        float: left
    }

    .wenhua .left dl dd strong {
        display: block;
        text-align: center;
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 15px
    }

    .wenhua .left dl dd p {
        font-size: 16px;
        line-height: 30px;
        color: #545454
    }

    .wenhua .right {
        width: 400px;
        background: #f8f8f8
    }

    .wenhua .right dl dd {
        width: 400px;
        height: 260px;
        padding: 30px;
        box-sizing: border-box;
        float: left
    }

    .wenhua .right dl dd strong {
        display: block;
        text-align: center;
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 15px
    }

    .wenhua .right dl dd p {
        font-size: 16px;
        line-height: 30px;
        color: #545454
    }

    .nydh_pro {
        display: none
    }

    .floating_ck {
        position: fixed;
        top: 50%;
        right: 0;
        margin-top: -178px;
        z-index: 999
    }

    .floating_ck dl dd {
        position: relative;
        background-color: #575F38;
        margin-bottom: 3px;
        text-align: center;
        cursor: pointer
    }

    .floating_ck dl dd a,
    .floating_ck dl dd p {
        width: 100%;
        position: relative
    }

    .floating_ck dl dd img {
        margin: 0 auto;
        text-align: center
    }

    .floating_ck dl dd p {
        text-align: center
    }

    .floating_ck dl dd:hover .floating_left {
        right: 0
    }

    .quote,
    .qrcord {
        padding: 8px 0 4px
    }

    .floating_ck dl dd a,
    .floating_ck dl dd p {
        color: #fff;
        display: block
    }

    .floating_ck dl dd a img {
        display: inline-block;
        text-align: center;
        margin: 0 auto
    }

    .floating_left {
        position: absolute;
        right: -300px;
        top: 0;
        width: 300px;
        z-index: 999;
        height: 75px;
        line-height: 75px;
        background: #575F38;
        transition: all ease .4s
    }

    .floating_left a {
        color: #fff
    }

    .floating_ewm p {
        color: #fff
    }

    .floating_ewm .qrcord_p01 {
        font-size: 12px;
        line-height: 20px
    }

    .floating_ewm .qrcord_p02 {
        font-size: 20px
    }

    .submian .subright .conBox .ArticleTencont img {
        max-width: 100%
    }

    .toolbar {
        position: fixed;
        top: 50%;
        right: 1%;
        margin-top: -163px;
        z-index: 100;
        width: 80px
    }

    .toolbar dd {
        position: relative;
        float: left;
        width: 80px;
        height: 80px;
        background: #575F38;
        margin-top: 2px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        cursor: pointer;
        transition: all .5s
    }

    .toolbar dd:first-child {
        margin-top: 0
    }

    .toolbar dd i {
        width: 100%;
        height: 30px;
        display: block;
        margin-top: 13px;
        background: url(../images/toolbar.png) no-repeat center 0
    }

    .toolbar dd.qq i {
        background-position-y: 0
    }

    .toolbar dd.tel i {
        background-position-y: -30px
    }

    .toolbar dd.code i {
        background-position-y: -60px
    }

    .toolbar dd.top i {
        background-position-y: -90px
    }

    .toolbar dd span {
        display: block;
        color: #fff
    }

    .toolbar dd.tel .box {
        position: absolute;
        top: 0;
        width: 190px;
        right: -200px;
        height: 100%;
        margin-right: 10px;
        border-radius: 5px;
        background: #575F38;
        opacity: 0;
        transition: all .5s
    }

    .toolbar dd.tel .box p {
        font-size: 14px;
        margin: 15px auto 7px
    }

    .toolbar dd.tel .box h3 {
        font-size: 18px;
        font-weight: 700
    }

    .toolbar dd.tel .box:after {
        display: block;
        content: " ";
        border-style: solid dashed dashed dashed;
        border-color: transparent transparent transparent #575F38;
        border-width: 9px;
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        margin-top: -9px;
        right: -18px;
        margin-left: -12px
    }

    .toolbar dd.code .box {
        position: absolute;
        top: 0;
        width: 162px;
        right: -172px;
        height: 162px;
        margin-right: 10px;
        border-radius: 5px;
        background: #575F38;
        opacity: 0;
        transition: all .5s
    }

    .toolbar dd.code .box img {
        width: 140px;
        height: 140px;
        padding: 11px
    }

    .toolbar dd.code .box:after {
        display: block;
        content: " ";
        border-style: solid dashed dashed dashed;
        border-color: transparent transparent transparent #575F38;
        border-width: 9px;
        width: 0;
        height: 0;
        position: absolute;
        top: 30px;
        right: -18px;
        margin-left: -12px
    }

    .toolbar dd:hover {
        background: #333
    }

    .toolbar dd.tel:hover .box {
        opacity: 1;
        right: 80px
    }

    .toolbar dd.code:hover .box {
        opacity: 1;
        right: 80px
    }

    .subright .searchList {
        border-top: 1px solid #ddd
    }

    .subright .searchList li {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd
    }

    .subright .searchList li:first-child {
        border-top: none
    }

    .subright .searchList li:hover a h2 {
        color: #16a1b3;
        font-weight: 700
    }
}

@media screen and (max-width:768px) {
    .maximg img {
        max-width: 100% !important;
        height: auto !important
    }
}

.dede_pages {
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
    overflow: hidden
}

.dede_pages ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0
}

.dede_pages ul li {
    float: left;
    font-family: microsoft yahei;
    margin: 0 2px;
    line-height: 25px;
    background: #fff;
    border: 1px solid #d8dadf
}

.dede_pages ul li:nth-child(1) {
    padding: 0 10px
}

.dede_pages ul li:nth-child(1) a {
    padding: 0
}

.dede_pages ul li a {
    color: #555;
    display: block;
    padding: 0 10px
}

.dede_pages ul li:hover {
    text-decoration: none;
    color: #fff;
    border: 1px #333 solid;
    background-color: #333
}

.dede_pages ul li:hover a {
    color: #fff
}

.dede_pages ul li:hover a:hover {
    color: #fff;
    text-decoration: none
}

.dede_pages ul li.thisclass {
    background-color: #333;
    color: #fff;
    border: 1px #333 solid;
    padding: 0 10px
}

.dede_pages ul li:last-child {
    padding: 0 10px
}

.dede_pages ul li:last-child a {
    padding: 0
}

.dede_pages ul li.thisclass a {
    color: #fff;
    padding: 0
}

.dede_pages .pageinfo {
    line-height: 30px;
    padding-left: 5px
}

.dede_pages strong {
    font-weight: 400
}

#maximg img {
    max-width: 100% !important;
    height: auto !important
}